<ion-tabs>
  <ion-tab-bar slot="bottom">
    <ion-tab-button tab="index">
      <ion-icon name="calendar"></ion-icon>
      <ion-label>index</ion-label>
      <ion-badge>6</ion-badge>
    </ion-tab-button>

    <ion-tab-button tab="card">
      <ion-icon name="person-circle"></ion-icon>
      <ion-label>card</ion-label>
    </ion-tab-button>

    <ion-tab-button tab="scroll">
      <ion-icon name="map"></ion-icon>
      <ion-label>scroll</ion-label>
    </ion-tab-button>

    <ion-tab-button tab="item">
      <ion-icon name="information-circle"></ion-icon>
      <ion-label>item</ion-label>
    </ion-tab-button>
  </ion-tab-bar>
</ion-tabs>